<template>
  <div>
    <div class="jiejue-box"><span class="jj-text">更多产品</span></div>
    <div class="box">
      <div class="fangan">建筑</div>
      <div class="text">
        建筑产业互联网作为信息化技术最好的体现，成功将数据与现实世界连接在一起，基于中控天昱统一的标准化数据平台，虚拟的三维模型和在模型上的集成
        数据可以进行工程的设计、建造和运营维护，实现参与方数据被连通，达到使用数据来解决实际问题的目的。
      </div>
      <div><img class="img-cs" src="@/assets/images/m1.png" alt="" /></div>
      <div class="mukuai">
        <div>土建</div>
        <div>水利</div>
        <div>市政建设</div>
        <div>工程勘察设计</div>
        <div>工程项目管理</div>
      </div>
    </div>
    <div class="box" style="background: #f4f4f4">
      <div class="fangan">制造</div>
      <div class="text">
        随着科技的高速发展以及互联网时代的到来，中国制造向中国智造演进，中控天昱作为科技强国中坚力量，率先推动信息化(IT)与自动化(OT)深度融合，提供基于物联网的智能制造解决方案，
        用智慧为制造业赋能，助力中国制造数字化转型，提升客户体验以及提高效率和质量。
      </div>
      <div><img class="img-cs" src="@/assets/images/m2.png" alt="" /></div>
      <div class="mukuai">
        <div>可回收再生资源</div>
        <div>静脉产业园</div>
        <div>垃圾分类回收</div>
      </div>
    </div>
    <div class="box">
      <div class="fangan">运输</div>
      <div class="text">
        中控天昱互联网+运输云计算平台基于“SaaS平台+移动App”管理模式，
        作为进阶深度服务运输的全链条运力平台，专注于运输链条的顶端切入，
        构建一个社区型的互联运输协同网络，高效率的完成信息协同管理、
        标准化作业流程，成功实现降本增效，以及整个运输生态链的效率提升，
        体验更佳。
      </div>
      <div><img class="img-cs" src="@/assets/images/m3.png" alt="" /></div>
      <div class="mukuai">
        <div>道路货物运输</div>
      </div>
    </div>
    <div class="box" style="background: #f4f4f4">
      <div class="fangan">销售</div>
      <div class="text">
        随着互联网+发展的深入，互联网交易的优势逐渐涌现，品牌互联网化势在必行，中控天昱拥有强大的实力、专业的团队、科学的体系、周到的服务，将着力全面提升产品和服务质量，
        打造“商业+科技”互联网帝国，开启跨界共赢新模式，助力中国发展迈入质量时代！
      </div>
      <div><img class="img-cs" src="@/assets/images/cs4.png" alt="" /></div>
      <div class="mukuai">
        <div>销售机械设备</div>
        <div>通讯设备</div>
        <div>建筑材料</div>
        <div>装饰材料</div>
        <div>电子产品</div>
        <div class="last">
          <div>安全技术</div>
          <div>防范产品</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.box {
  padding-bottom: 1rem;
}
.jiejue-box {
  width: 100%;
  height: 4.2rem;
  background: url(../../../../assets/images/tu1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  position: relative;
}
.jiejue-box::after {
  content: '';
  display: block;
  width: 100%;
  height: 4.2rem;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.jj-text {
  font-size: 0.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.35rem;
  line-height: 4.2rem;
  position: relative;
  z-index: 10;
}
.fangan {
  font-size: 0.5rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
  padding-top: 1.05rem;
  padding-bottom: 0.38rem;
}
.text {
  font-size: 0.28rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.5rem;
  padding: 0.34rem;
}
.img-cs {
  width: 100%;
  display: block;
  margin: auto;
  padding-bottom: 0.36rem;
}
.mukuai {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0.3rem;
}
.mukuai > div {
  border: 1px solid #666666;
  width: 30%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.3rem;
  font-weight: 400;
  color: #333333;
}
.mukuai > div:nth-child(3n + 2) {
  margin: 0.24rem 3%;
}
.mukuai > .last {
  line-height: 0.5rem;
}
</style>
